<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>列表</title>
    <link rel="stylesheet" href="../CPUIAdmin/layui/css/layui.css">
    <link rel="stylesheet" href="../CPUIAdmin/style/cp_admin.css">
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]--> 
</head>
<body class="cpadmin_body">


    <blockquote class="layui-elem-quote ">
        <span class="layui-breadcrumb">
            <a>内容</a>
            <a>单页管理</a> 
            <a>关于我们</a> 
            <a><cite>列表</cite></a>
          </span>
    </blockquote>
  
    <div class="demoTable layui-form">
      搜索标题：
      <div class="layui-inline">
        <input class="layui-input" name="txtKey" id="txtKey" autocomplete="off">
      </div>
      
      <div class="layui-inline">
          <select name="categoryId_select" id="categoryId_select"> 
          <option value="0">所有类别</option>
          <option value="1">分类一</option>
          <option value="2">分类二</option>
          <option value="3">分类三</option> 
          </select> 
      </div> 
      <div class="layui-inline">
        <select name="attribute_select" id="attribute_select"> 
        <option value="0">所有属性</option>
        <option value="status">不显示</option>
        <option value="is_top">置顶</option>
        <option value="is_red">推荐</option>
        <option value="is_hot">热门</option>
        <option value="is_slide">幻灯</option>
        </select> 
      </div>
      <input type="submit" class="layui-btn" data-type="reload" value="搜索"/>
    </div>

    
    
    
    <table class="layui-hide" id="list" lay-filter="list"></table>
 
    <script type="text/html" id="toolbarDemo">
      <div class="layui-btn-container">
        <a href="/article/add.html"><div class="layui-btn layui-btn-sm" >新增</div></a>
        <div class="layui-btn layui-btn-sm" lay-event="Delete">删除</div>
        <div class="layui-btn layui-btn-sm" lay-event="getCheckData">获取选中行数据</div>
        <div class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</div>
        <div class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</div>
      </div>
    </script>
     
    <script type="text/html" id="barDemo">
      <a class="layui-btn layui-btn-xs" href="/article/add.html">编辑</a>
      <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </script>

    <script type="text/html" id="img">
    <img src="{{d.img_url}}" height="30" width="100"/>
    </script>

    <script type="text/html" id="attribute">  

        <div class="layui-btn-group cp-btn"> 
            <button type="button" class="layui-btn layui-btn-sm {{ d.status==1?'': 'layui-btn-primary'}}" title="是否显示" lay-event="status">
              <i class="layui-icon">&#xe7ae;</i>
            </button>
            <button type="button" class="layui-btn layui-btn-sm {{ d.is_top==1?'': 'layui-btn-primary'}}" title="是否置顶" lay-event="is_top">
              <i class="layui-icon">&#xe619;</i>
            </button>
            <button type="button" class="layui-btn layui-btn-sm {{ d.is_red==1?'': 'layui-btn-primary'}}" title="是否推荐" lay-event="is_red">
              <i class="layui-icon">&#xe6c6;</i>
            </button>
            <button type="button" class="layui-btn layui-btn-sm {{ d.is_hot==1?'': 'layui-btn-primary'}}" title="是否热门" lay-event="is_hot">
              <i class="layui-icon">&#xe756;</i>
            </button>
            <button type="button" class="layui-btn layui-btn-sm {{ d.is_slide==1?'': 'layui-btn-primary'}}" title="是否幻灯" lay-event="is_slide">
                <i class="layui-icon">&#xe634;</i>
            </button>
          </div> 

      </script>
  

    <script src="../CPUIAdmin/layui/layui.js"></script>

    <script>
        layui.config({
            base: '../CPUIAdmin/' //静态资源所在路径
        }).extend({
          ArticleList: 'modules/ArticleList' //主入口模块
        }).use('ArticleList');
        </script>
</body>
</html>